<!DOCTYPE html>
<html>

	<head>
		<!-- 页面字符编码 -->
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<title></title>

		<script src="js/mui.min.js"></script>
		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="css/comm.css" rel="stylesheet" />
		<link href="css/layout.css" rel="stylesheet" />
		<link href="css/iconfont.css" rel="stylesheet" />

	</head>

	<body>
		<header class="mui-bar mui-bar-nav  mui-bar-bom mui-bar-white">
			<a class="iconfont icon-fanhui mui-pull-left"></a>
			<h1 class="mui-title mui-bar-title">修改日期</h1>

		</header>
		<div class="mui-content mb20">
			<div class="mui-scroll-wrapper mscrollSet mui-scroll-top">
				<div class="mui-scroll">
					<div class="mui-revise-date">
						<div class="title mcenter">
							2016年10月08日
						</div>
						<div class="mui-date-list mt12">

							<div class="mui-date-one bm">
								<i>早</i>早餐 08:00-11:00
								<div class="mui-pull-right mui-conf-add">
									<div class="iconfont icon-jian min" style="padding: 3px 7px;"></div>
									<input class="text_box" name="" type="text" value="1" />
									<div class="iconfont icon-jia add" style="padding: 3px 7px;"></div>
								</div>
							</div>

							<div class="mui-menu-two">
								<span class="mui-pull-right"><em class="iconfont icon-quanquan"></em>营业</span>
								<span class="mui-pull-right"><em class="iconfont icon-quanquan"></em>休息</span>
							</div>

						</div>
						<div class="mui-date-list mt12">

							<div class="mui-date-one bm">
								<i>中</i>中餐 11:00-14:00
								<div class="mui-pull-right mui-conf-add">
									<div class="iconfont icon-jian min" style="padding: 3px 7px;"></div>
									<input class="text_box" name="" type="text" value="1" />
									<div class="iconfont icon-jia add" style="padding: 3px 7px;"></div>
								</div>
							</div>

							<div class="mui-menu-two">
								<span class="mui-pull-right"><em class="iconfont icon-quanquan"></em>营业</span>
								<span class="mui-pull-right"><em class="iconfont icon-quanquan"></em>休息</span>
							</div>

						</div>
						<div class="mui-date-list mt12">

							<div class="mui-date-one bm">
								<i>晚</i>晚餐 15:00-18:00
								<div class="mui-pull-right mui-conf-add">
									<div class="iconfont icon-jian min" style="padding: 3px 7px;"></div>
									<input class="text_box" name="" type="text" value="1" />
									<div class="iconfont icon-jia add" style="padding: 3px 7px;"></div>
								</div>
							</div>

							<div class="mui-menu-two">
								<span class="mui-pull-right"><em class="iconfont icon-quanquan"></em>营业</span>
								<span class="mui-pull-right"><em class="iconfont icon-quanquan"></em>休息</span>
							</div>

						</div>
						<div class="mui-date-list mt12">

							<div class="mui-date-one bm">
								<i>宵</i>宵夜 19:00-22:00
								<div class="mui-pull-right mui-conf-add">
									<div class="iconfont icon-jian min" style="padding: 3px 7px;"></div>
									<input class="text_box" name="" type="text" value="1" />
									<div class="iconfont icon-jia add" style="padding: 3px 7px;"></div>
								</div>
							</div>

							<div class="mui-menu-two">
								<span class="mui-pull-right"><em class="iconfont icon-quanquan"></em>营业</span>
								<span class="mui-pull-right"><em class="iconfont icon-quanquan"></em>休息</span>
							</div>

						</div>
						<p class="mt12">
							<em class="iconfont icon-quanquan"></em>默认为本月设定
						</p>
						<div class="mt20 mg10">

							<input type="submit" class="mui-btn mui-btn-block mui-btn-primary mui-conf-btn" name="login" id="login" value="确认">

						</div>
					</div>
				</div>
			</div>
		</div>

		<script type="text/javascript" src="js/jquery-2.1.0.js"></script>
		<script type="text/javascript" src="js/scroll-wrapper.js"></script>
		<script type="text/javascript" src="js/autosize.js"></script>
		<script type="text/javascript">
			autosize(document.querySelectorAll('textarea'));

			$(function() {

				$(".add").click(function() {
					var t = $(this).parent().find('input[class*=text_box]');
					t.val(parseInt(t.val()) + 1)
					setTotal();
				});

				$(".min").click(function() {
					var t = $(this).parent().find('input[class*=text_box]');
					t.val(parseInt(t.val()) - 1)
					if(parseInt(t.val()) < 0) {
						t.val(0);
					}

					setTotal();
				})

				function setTotal() {
					var s = 0;
					$("#tab td").each(function() {
						s += parseInt($(this).find('input[class*=text_box]').val()) * parseFloat($(this).find('span[class*=price]').text());
					});

					$("#total").html(s.toFixed(2));
				}

				setTotal();
			});
			$(function() {
				window.onload = function() {
					var $curr = $('.mui-menu-two .icon-quanquan')
					$curr.click(function() {
						var $this = $(this);
						$curr.removeClass('icon-radio2-copy');
						$this.addClass('icon-radio2-copy');
					})
				}
			});
			
				$("p .icon-quanquan").on("click", function() {
				$(this).toggleClass("icon-radio2-copy");
			})
		</script>

	</body>

</html>